<template>
    <div class="chart-container">
        <chart id="123" height="100%" width="100%" :options="options"/>
    </div>
</template>

<script>
import Chart from '@/components/Charts/index'

export default {
    name: 'Chart1',
    components: { Chart },
    data() {
        return {
            options: {
                title: {
                    text: '职位图谱',
                    textStyle: {
                        fontSize: 14,
                        align: 'center'
                    },
                    subtextStyle: {
                        align: 'center'
                    }
                },
                series: {
                    type: 'sunburst',
                    highlightPolicy: 'ancestor',
                    data: [{ 'name': '管理类', 'itemStyle': { 'color': '#da0d68' }, 'children': [{ 'name': '人力资源', 'itemStyle': { 'color': '#975e6d' }, 'children': [{ 'name': '招聘岗', 'value': 1, 'itemStyle': { 'color': '#e0719c' }}, { 'name': '人力组长', 'value': 1, 'itemStyle': { 'color': '#f99e1c' }}, { 'name': '培训管理员', 'value': 1, 'itemStyle': { 'color': '#ef5a78' }}, { 'name': '招聘管理员', 'value': 1, 'itemStyle': { 'color': '#f7f1bd' }}, { 'name': '薪酬管理员', 'value': 1, 'itemStyle': { 'color': '#e62969' }}, { 'name': '人事专员', 'value': 1, 'itemStyle': { 'color': '#6569b0' }}] }, { 'name': '行政管理', 'itemStyle': { 'color': '#ef2d36' }, 'value': 1 }, { 'name': '财务管理', 'itemStyle': { 'color': '#c94a44' }, 'value': 1 }, { 'name': '法律事务', 'itemStyle': { 'color': '#b53b54' }, 'value': 1 }, { 'name': '审计监察', 'itemStyle': { 'color': '#a5446f' }, 'value': 1 }] }, { 'name': '技术类', 'itemStyle': { 'color': '#dd4c51' }, 'children': [{ 'name': '信息管理中心', 'itemStyle': { 'color': '#f2684b' }, 'value': 1 }, { 'name': '研究设计', 'itemStyle': { 'color': '#e73451' }, 'value': 1 }] }, { 'name': '业务类', 'itemStyle': { 'color': '#e65656' }, 'children': [{ 'name': '投资发展', 'itemStyle': { 'color': '#f89a1c' }, 'value': 1 }, { 'name': '产业发展', 'itemStyle': { 'color': '#aeb92c' }, 'value': 1 }, { 'name': '运营管理', 'itemStyle': { 'color': '#4eb849' }, 'value': 1 }, { 'name': '营销管理', 'itemStyle': { 'color': '#f68a5c' }, 'value': 1 }, { 'name': '成本采购', 'itemStyle': { 'color': '#baa635' }, 'value': 1 }] }, { 'name': '项目类', 'itemStyle': { 'color': '#f7a128' }, 'children': [{ 'name': '项目管理', 'itemStyle': { 'color': '#f26355' }, 'children': [{ 'name': '项目经理', 'value': 1, 'itemStyle': { 'color': '#e2631e' }}, { 'name': '项目执行经理', 'value': 1, 'itemStyle': { 'color': '#fde404' }}, { 'name': '项目生产经理', 'value': 1, 'itemStyle': { 'color': '#7eb138' }}, { 'name': '项目总工', 'value': 1, 'itemStyle': { 'color': '#ebb40f' }}, { 'name': '项目商务经理', 'value': 1, 'itemStyle': { 'color': '#e1c315' }}, { 'name': '项目副书记', 'value': 1, 'itemStyle': { 'color': '#9ea718' }}, { 'name': '项目副总工', 'value': 1, 'itemStyle': { 'color': '#94a76f' }}, { 'name': '项目经理助理', 'value': 1, 'itemStyle': { 'color': '#d0b24f' }}, { 'name': '综合工长', 'value': 1, 'itemStyle': { 'color': '#8eb646' }}, { 'name': '土建工长', 'value': 1, 'itemStyle': { 'color': '#faef07' }}, { 'name': '安装工长', 'value': 1, 'itemStyle': { 'color': '#c1ba07' }}, { 'name': '钢结构工长', 'value': 1, 'itemStyle': { 'color': '#b09733' }}, { 'name': '机电组长', 'value': 1, 'itemStyle': { 'color': '#8f1c53' }}, { 'name': '机电工长', 'value': 1, 'itemStyle': { 'color': '#b34039' }}, { 'name': '材料组长', 'value': 1, 'itemStyle': { 'color': '#ba9232' }}, { 'name': '材料员', 'value': 1, 'itemStyle': { 'color': '#8b6439' }}, { 'name': '技术组长', 'value': 1, 'itemStyle': { 'color': '#187a2f' }}, { 'name': '技术员', 'value': 1, 'itemStyle': { 'color': '#a2b029' }}, { 'name': '测量组长', 'value': 1, 'itemStyle': { 'color': '#718933' }}, { 'name': '测量员', 'value': 1, 'itemStyle': { 'color': '#3aa255' }}, { 'name': '试验员', 'value': 1, 'itemStyle': { 'color': '#a2bb2b' }}, { 'name': '计量员', 'value': 1, 'itemStyle': { 'color': '#62aa3c' }}, { 'name': '预算组长', 'value': 1, 'itemStyle': { 'color': '#03a653' }}, { 'name': '预算员', 'value': 1, 'itemStyle': { 'color': '#038549' }}, { 'name': '钢筋翻样组长', 'value': 1, 'itemStyle': { 'color': '#28b44b' }}, { 'name': '钢筋翻样员', 'value': 1, 'itemStyle': { 'color': '#a3a830' }}, { 'name': '劳务管理', 'value': 1, 'itemStyle': { 'color': '#7ac141' }}, { 'name': '质量总监', 'value': 1, 'itemStyle': { 'color': '#5e9a80' }}, { 'name': '质检组长', 'value': 1, 'itemStyle': { 'color': '#0aa3b5' }}, { 'name': '质检员', 'value': 1, 'itemStyle': { 'color': '#9db2b7' }}, { 'name': '安全总监', 'value': 1, 'itemStyle': { 'color': '#8b8c90' }}, { 'name': '安全组长', 'value': 1, 'itemStyle': { 'color': '#beb276' }}, { 'name': '安全员', 'value': 1, 'itemStyle': { 'color': '#fefef4' }}, { 'name': '政工员', 'value': 1, 'itemStyle': { 'color': '#744e03' }}, { 'name': '后勤管理', 'value': 1, 'itemStyle': { 'color': '#a3a36f' }}, { 'name': '资料员', 'value': 1, 'itemStyle': { 'color': '#c9b583' }}, { 'name': '见习学生', 'value': 1, 'itemStyle': { 'color': '#978847' }}, { 'name': '工程部长', 'value': 1, 'itemStyle': { 'color': '#9d977f' }}, { 'name': '合约部长', 'value': 1, 'itemStyle': { 'color': '#cc7b6a' }}, { 'name': '机电部长', 'value': 1, 'itemStyle': { 'color': '#db646a' }}, { 'name': '器材部长', 'value': 1, 'itemStyle': { 'color': '#76c0cb' }}, { 'name': '质安部长', 'value': 1, 'itemStyle': { 'color': '#80a89d' }}, { 'name': '盾构工区经理', 'value': 1, 'itemStyle': { 'color': '#da0d68' }}, { 'name': '盾构副总工', 'value': 1, 'itemStyle': { 'color': '#975e6d' }}, { 'name': '盾构机电经理', 'value': 1, 'itemStyle': { 'color': '#e0719c' }}, { 'name': '迁改协调主任', 'value': 1, 'itemStyle': { 'color': '#f99e1c' }}, { 'name': '迁改协调组长', 'value': 1, 'itemStyle': { 'color': '#ef5a78' }}, { 'name': '迁改协调员', 'value': 1, 'itemStyle': { 'color': '#f7f1bd' }}, { 'name': '试验室主任', 'value': 1, 'itemStyle': { 'color': '#e62969' }}, { 'name': '试验组长', 'value': 1, 'itemStyle': { 'color': '#6569b0' }}, { 'name': '桥梁工程师', 'value': 1, 'itemStyle': { 'color': '#ef2d36' }}, { 'name': '路基工程师', 'value': 1, 'itemStyle': { 'color': '#c94a44' }}, { 'name': '盾构工程师', 'value': 1, 'itemStyle': { 'color': '#b53b54' }}, { 'name': '盾构测量主管', 'value': 1, 'itemStyle': { 'color': '#a5446f' }}] }] }],
                    radius: [0, '95%'],
                    sort: null,
                    levels: [{}, {
                        r0: '15%',
                        r: '35%',
                        itemStyle: {
                            borderWidth: 2
                        },
                        label: {
                            rotate: 'tangential'
                        }
                    }, {
                        r0: '35%',
                        r: '70%',
                        label: {
                            align: 'right'
                        }
                    }, {
                        r0: '70%',
                        r: '72%',
                        label: {
                            position: 'outside',
                            padding: 3,
                            silent: false
                        },
                        itemStyle: {
                            borderWidth: 3
                        }
                    }]
                }
            }
        }
    }
}
</script>
